import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/Home.vue' // 静态导入，不需要懒加载，因为项目开始运行就要加载，不需要等待

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        component: HomeView,
        redirect: '/sys-admin',
        children: [
            {
                path: '/sys-admin/add-hotel',
                // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
                component: () => import(/* webpackChunkName: "about" */ '../views/sys-admin/AddHotel.vue')
            },
            {
                path: '/sys-admin/assign',
                // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
                component: () => import(/* webpackChunkName: "about" */ '../views/sys-admin/AssignPersonnel.vue')
            },
            {
                path: '/sys-admin/bed-type',
                // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
                component: () => import(/* webpackChunkName: "about" */ '../views/sys-admin/BedType.vue')
            },
            {
                path: '/sys-admin/declaration',
                // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
                component: () => import(/* webpackChunkName: "about" */ '../views/sys-admin/Declaration.vue')
            },
            {
                path: '/sys-admin/department',
                // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
                component: () => import(/* webpackChunkName: "about" */ '../views/sys-admin/Department.vue')
            },
            {
                path: '/sys-admin/hotel',
                // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
                component: () => import(/* webpackChunkName: "about" */ '../views/sys-admin/Hotel.vue')
            },
            {
                path: '/sys-admin/independent',
                // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
                component: () => import(/* webpackChunkName: "about" */ '../views/sys-admin/IndependentDeclaration.vue')
            },


            {
                path: '/sys-admin',
                component: () => import('../views/sys-admin/SystemAdminIndex.vue')
            },

        ]
    },
    {
        path: '/login',
        // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
        component: () => import(/* webpackChunkName: "login" */ '../views/Login.vue')
    },
    {
        path: '/reg',
        // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
        component: () => import(/* webpackChunkName: "about" */ '../views/Register.vue')
    },
    {
        path: '/login-web',
        // 函数式导入，需要懒加载，因为不一定会访问，所以需要等待
        component: () => import(/* webpackChunkName: "about" */ '../views/Login-web.vue')
    },

]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})
export default router
